<div class="row wrapper border-bottom white-bg page-heading">
    <div class="col-lg-10">
        <h2>Forum</h2>
        <ol class="breadcrumb">
            <li>
                <a href="index.html">Home</a>
            </li>
            <li>
                <a>Miscellaneous</a>
            </li>
            <li class="active">
                <strong>Forum view</strong>
            </li>
        </ol>
    </div>
</div>
<div class="wrapper wrapper-content">
    <div class="row animated fadeInRight">
        <div class="col-lg-12">
        <div class="wrapper wrapper-content animated fadeInRight">

        <div class="ibox-content m-b-sm border-bottom">
            <div class="p-xs">
                <div class="pull-left m-r-md">
                    <i class="fa fa-globe text-navy mid-icon"></i>
                </div>
                <h2>Welcome in Inspinia Forum</h2>
                <span>Feel free to choose topic you're interested in.</span>
            </div>
        </div>

        <div class="ibox-content forum-container">

        <div class="forum-title">
            <div class="pull-right forum-desc">
                <samll>Total posts: 320,800</samll>
            </div>
            <h3>General subjects</h3>
        </div>

        <div class="forum-item active">
            <div class="row">
                <div class="col-md-9">
                    <div class="forum-icon">
                        <i class="fa fa-shield"></i>
                    </div>
                    <a ui-sref="miscellaneous.forum_post_view" class="forum-item-title">General Discussion</a>
                    <div class="forum-sub-title">Talk about sports, entertainment, music, movies, your favorite color, talk about enything.</div>
                </div>
                <div class="col-md-1 forum-info">
                                        <span class="views-number">
                                            1216
                                        </span>
                    <div>
                        <small>Views</small>
                    </div>
                </div>
                <div class="col-md-1 forum-info">
                                        <span class="views-number">
                                            368
                                        </span>
                    <div>
                        <small>Topics</small>
                    </div>
                </div>
                <div class="col-md-1 forum-info">
                                        <span class="views-number">
                                            140
                                        </span>
                    <div>
                        <small>Posts</small>
                    </div>
                </div>
            </div>
        </div>
        <div class="forum-item">
            <div class="row">
                <div class="col-md-9">
                    <div class="forum-icon">
                        <i class="fa fa-bolt"></i>
                    </div>
                    <a ui-sref="miscellaneous.forum_post_view" class="forum-item-title">Introductions</a>
                    <div class="forum-sub-title">New to the community? Please stop by, say hi and tell us a bit about yourself. </div>
                </div>
                <div class="col-md-1 forum-info">
                                        <span class="views-number">
                                            890
                                        </span>
                    <div>
                        <small>Views</small>
                    </div>
                </div>
                <div class="col-md-1 forum-info">
                                        <span class="views-number">
                                            120
                                        </span>
                    <div>
                        <small>Topics</small>
                    </div>
                </div>
                <div class="col-md-1 forum-info">
                                        <span class="views-number">
                                            154
                                        </span>
                    <div>
                        <small>Posts</small>
                    </div>
                </div>
            </div>
        </div>
        <div class="forum-item active">
            <div class="row">
                <div class="col-md-9">
                    <div class="forum-icon">
                        <i class="fa fa-calendar"></i>
                    </div>
                    <a ui-sref="miscellaneous.forum_post_view" class="forum-item-title">Announcements</a>
                    <div class="forum-sub-title">This forum features announcements from the community staff. If there is a new post in this forum, please check it out. </div>
                </div>
                <div class="col-md-1 forum-info">
                                        <span class="views-number">
                                            680
                                        </span>
                    <div>
                        <small>Views</small>
                    </div>
                </div>
                <div class="col-md-1 forum-info">
                                        <span class="views-number">
                                            124
                                        </span>
                    <div>
                        <small>Topics</small>
                    </div>
                </div>
                <div class="col-md-1 forum-info">
                                        <span class="views-number">
                                            61
                                        </span>
                    <div>
                        <small>Posts</small>
                    </div>
                </div>
            </div>
        </div>
        <div class="forum-item">
            <div class="row">
                <div class="col-md-9">
                    <div class="forum-icon">
                        <i class="fa fa-star"></i>
                    </div>
                    <a ui-sref="miscellaneous.forum_post_view" class="forum-item-title">Staff Discussion</a>
                    <div class="forum-sub-title">This forum is for private, staff member only discussions, usually pertaining to the community itself. </div>
                </div>
                <div class="col-md-1 forum-info">
                                        <span class="views-number">
                                            1450
                                        </span>
                    <div>
                        <small>Views</small>
                    </div>
                </div>
                <div class="col-md-1 forum-info">
                                        <span class="views-number">
                                            652
                                        </span>
                    <div>
                        <small>Topics</small>
                    </div>
                </div>
                <div class="col-md-1 forum-info">
                                        <span class="views-number">
                                            572
                                        </span>
                    <div>
                        <small>Posts</small>
                    </div>
                </div>
            </div>
        </div>

        <div class="forum-title">
            <div class="pull-right forum-desc">
                <samll>Total posts: 17,800,600</samll>
            </div>
            <h3>Other subjects</h3>
        </div>

        <div class="forum-item">
            <div class="row">
                <div class="col-md-9">
                    <div class="forum-icon">
                        <i class="fa fa-clock-o"></i>
                    </div>
                    <a ui-sref="miscellaneous.forum_post_view" class="forum-item-title">Lorem Ipsum is simply dummy text. </a>
                    <div class="forum-sub-title">Various versions have evolved over the years, sometimes by accident, sometimes on purpose passage of Lorem Ipsum (injected humour and the like).</div>
                </div>
                <div class="col-md-1 forum-info">
                                        <span class="views-number">
                                            1516
                                        </span>
                    <div>
                        <small>Views</small>
                    </div>
                </div>
                <div class="col-md-1 forum-info">
                                        <span class="views-number">
                                            238
                                        </span>
                    <div>
                        <small>Topics</small>
                    </div>
                </div>
                <div class="col-md-1 forum-info">
                                        <span class="views-number">
                                            180
                                        </span>
                    <div>
                        <small>Posts</small>
                    </div>
                </div>
            </div>
        </div>
        <div class="forum-item">
            <div class="row">
                <div class="col-md-9">
                    <div class="forum-icon">
                        <i class="fa fa-bomb"></i>
                    </div>
                    <a ui-sref="miscellaneous.forum_post_view" class="forum-item-title">There are many variations of passages</a>
                    <div class="forum-sub-title"> If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text. All the Lorem Ipsum generators on the . </div>
                </div>
                <div class="col-md-1 forum-info">
                                        <span class="views-number">
                                            1766
                                        </span>
                    <div>
                        <small>Views</small>
                    </div>
                </div>
                <div class="col-md-1 forum-info">
                                        <span class="views-number">
                                            321
                                        </span>
                    <div>
                        <small>Topics</small>
                    </div>
                </div>
                <div class="col-md-1 forum-info">
                                        <span class="views-number">
                                            42
                                        </span>
                    <div>
                        <small>Posts</small>
                    </div>
                </div>
            </div>
        </div>
        <div class="forum-item">
            <div class="row">
                <div class="col-md-9">
                    <div class="forum-icon">
                        <i class="fa fa-bookmark"></i>
                    </div>
                    <a ui-sref="miscellaneous.forum_post_view" class="forum-item-title">The standard chunk of Lorem Ipsum</a>
                    <div class="forum-sub-title">Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet.</div>
                </div>
                <div class="col-md-1 forum-info">
                                        <span class="views-number">
                                            765
                                        </span>
                    <div>
                        <small>Views</small>
                    </div>
                </div>
                <div class="col-md-1 forum-info">
                                        <span class="views-number">
                                            90
                                        </span>
                    <div>
                        <small>Topics</small>
                    </div>
                </div>
                <div class="col-md-1 forum-info">
                                        <span class="views-number">
                                            11
                                        </span>
                    <div>
                        <small>Posts</small>
                    </div>
                </div>
            </div>
        </div>
        <div class="forum-item">
            <div class="row">
                <div class="col-md-9">
                    <div class="forum-icon">
                        <i class="fa fa-ambulance"></i>
                    </div>
                    <a ui-sref="miscellaneous.forum_post_view" class="forum-item-title">Lorem Ipsum, you need to be sure there</a>
                    <div class="forum-sub-title">Internet tend to repeat predefined chunks as necessary, making this the</div>
                </div>
                <div class="col-md-1 forum-info">
                                        <span class="views-number">
                                            2550
                                        </span>
                    <div>
                        <small>Views</small>
                    </div>
                </div>
                <div class="col-md-1 forum-info">
                                        <span class="views-number">
                                            122
                                        </span>
                    <div>
                        <small>Topics</small>
                    </div>
                </div>
                <div class="col-md-1 forum-info">
                                        <span class="views-number">
                                            92
                                        </span>
                    <div>
                        <small>Posts</small>
                    </div>
                </div>
            </div>
        </div>

        </div>
        </div>
        </div>
    </div>
</div>

